<html>
	<head>
		<meta charset='utf-8'>
		<title>media 测试</title>
		<link rel='stylesheet' href='common.css'/>
		<link rel='stylesheet' media='screen and (max-width:700px)' href='narrow.css'/>
		<link rel='stylesheet' media='screen and (min-width:701px) and (max-width:900px)' href='medium.css'/>
		<link rel='stylesheet' media='screen and (min-width:900px)' href='wide.css'/>
	</head>
	<body>
		<div id='page-wrap'>
			<div id='header'>Header</div>
			<div id="main-content">Content</div>
			<div id="secondary-one">Secondary</div>
			<div id="secondary-two">Extra</div>
		</div>
	</body>
</html>